<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<meta name="HandheldFriendly"content="true"/>
<meta http-equiv="x-rim-auto-match" content="none"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<title>我租的房子</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="style/css/global.css" rel="stylesheet">
<link href="style/css/swiper.css" rel="stylesheet">
<link href="style/css/common.css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="style/js/zepto.min.js"></script>
<script type="text/javascript" src="style/js/common.js"></script>
</head>

<body>
<div class="wrap">
	<!--头部-->
	<div class="header w_screen">
		<h1 class="title">我租的房子</h1>
		<a href="javascript:history.go(-1);" class="btn_left"><span class="ico_back"></span></a>
	</div>

	<!--主体-->
	<div class="main pad_header">
		<div class="myroom">
			<div class="swiper-container swiper">
	            <div class="swiper-wrapper">
	                <div class="swiper-slide"><img src="style/images/img_room_big.jpg"></div>
	                <div class="swiper-slide"><img src="style/images/img_room_big.jpg"></div>
	                <div class="swiper-slide"><img src="style/images/img_room_big.jpg"></div>
	                <div class="swiper-slide"><img src="style/images/img_room_big.jpg"></div>
	                <div class="swiper-slide"><img src="style/images/img_room_big.jpg"></div>
	            </div>
	            <div class="pagination"></div>
	        </div>
	        <div class="head">
	        	<div class="site">新景花园 1024室Room B</div>
	        	<div class="roommate">室友：<a href="#">@Kevin</a><a href="#">@YaoRen</a></div>
	        </div>
		</div>
		<div class="user_nav">
			<ul>
				<li><a href="#"><span class="ico_user_nav_6"></span><em>申请维修</em></a></li>
				<li><a href="#"><span class="ico_user_nav_7"></span><em>支付房租</em></a></li>
			</ul>
		</div>
	</div>
</div>

<div class="wrap_bg bg_grey w_screen"></div>

<script type="text/javascript" src="style/js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper',{
    autoplay : 3000,
    calculateHeight : true,
    loop : true,
    pagination: '.pagination',
    paginationClickable: true,
    slidesPerView: 1
})
</script>
</body>
</html>